<link rel="stylesheet" type="text/css" href="css/y-user-setting-msg.css"/>
<link rel="stylesheet" href="css/y-upload-head-style.css" type="text/css"/>
<link rel="stylesheet" type="text/css" href="css/feedback.css"/>
<style>
  /*字体*/
  @font-face {
    font-family: "iconfont";
    src: url('../../css/iconFont/iconfont.eot'); /* IE9*/
    src: url('../../css/iconFont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../css/iconFont/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../../css/iconFont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../../css/iconFont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
  }

  .iconfont {
    font-family:"iconfont" !important;
    font-size:14px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }
</style>
<div class="bodyDiv" style="background-color: #fff">
    <div class="settab-box">
      <p>账号设置</p>
      <div class="settab-navTitle">
        <ul class="nav nav-tabs">
            <!--<li class="settab active">-->
                <!--<a href="JavaScript:void (0);" data-toggle="tab">个人设置</a>-->
            <!--</li>-->
            <li class="settab">
                <a href="JavaScript:void (0);" class="lAccountSafe L_settabActive" ng-click="isOpenSafe()" style="background: #ffffff">账户安全</a>
            </li>
            <li class="settab">
                <a ng-click="isOpenMessage()" href="JavaScript:void (0);" class="lMessageSet" style="background: #ffffff">消息设置</a>
            </li>
          </ul>
      </div>
    </div>
    <!--不同tab标签内容-->
    <div class="tab-content">
      <!--个人设置-->
      <!--<div class="tab-pane fade in active " id="set-info">
          <div class="setsafe-user-box cust-mesge-box">

              <div class="setsafe-user-head">头像</div>

              <div class="setsafe-user-head-img" data-toggle="modal" data-target="#myModal">
                  <img class="img-circle head-img" ng-src="{{headImageUrl}}" ng-show='myHead2 != "" ' />
                  <div class="shortDiv" style="background-color: rgb(66,183,159);color:#fff;"
                       ng-show='myHead2 == "" '><span class="shortName">{{userShortName}}</span></div>
              </div>

              <p class="setuser-text-center-info">选择一张个人正面照片作为头像，让其他成员更容易认识你</p>
              &lt;!&ndash;分割线&ndash;&gt;
              <div class="setuser-line"></div>
              &lt;!&ndash;中间部分&ndash;&gt;
              <div class="setsafe-user-center">
                  <div class="setsafe-user-name-text">姓名</div>
                  <div class="setsafe-user-name normal-name">{{userName}}</div>
                  &lt;!&ndash;<div class="setuser-bottom-three-name edit-name" style="display: none">&ndash;&gt;
                  <input type="text" class="form-control setuser-btn-edit-name nameInput"
                         placeholder="用户名" ng-model="updateName" id="setting-username">
                  &lt;!&ndash;</div>&ndash;&gt;
                  <button type="button" class="setuser-changename-btn" ng-click="updateUserName()">
                      修改用户名
                  </button>
                  <a style="display: none" class="setsafe-btn-cancel update-name-cancel" href="javascript:;">取消</a>

              </div>
              &lt;!&ndash;分割线&ndash;&gt;
              <div class="setuser-line"></div>

              &lt;!&ndash;底部部分&ndash;&gt;
              <div class="setsafe-user-center">
                  <div class="setsafe-user-name-text">执业信息</div>
                  &lt;!&ndash;保存状态下的信息&ndash;&gt;
                  <div class="setuser-save">
                      <div class="setuser-bottom-two">
                          <span class="setuser-bottom-text">执业类型：</span>
                          <span class="setuser-bottom-text list1">{{professionType}}</span>
                          <input style="display: none" type="text" class="form-control setuser-btn-edit list2"
                                 placeholder="执业类型" ng-model="inputType">
                      </div>

                      <div class="setuser-bottom-two">
                          <span class="setuser-bottom-text">执业证号：</span>
                          <span class="setuser-bottom-text list1">{{professionNumber}}</span>
                          <input style="display: none" type="text" id="license-no"
                                 class="form-control list2 setuser-btn-edit"
                                 placeholder="执业证号" ng-model="inputNumber">
                      </div>
                      <div class="setuser-bottom-two">
                          <span class="setuser-bottom-text">律师事务所：</span>
                          <span class="setuser-bottom-text list1">{{professionCompany}}</span>
                          <div style="display: none;position: relative" class="select-form list2" id="form1">

                              &lt;!&ndash;查询律师事务所的&ndash;&gt;
                              &lt;!&ndash;<select class="pull-left select-style" id="lawfirmSelect" ng-model="inputCompany"&ndash;&gt;
                                      &lt;!&ndash;ng-options="lawfirm.id as lawfirm.name for lawfirm in lawFirms">&ndash;&gt;
                              &lt;!&ndash;</select>&ndash;&gt;

                              &lt;!&ndash;输入框&ndash;&gt;
                              <input ng-focus="showFYName($event)" ng-model="inputFYPlaceInput" class="lsSearchInput" type="text">
                              &lt;!&ndash;底部的律师公司&ndash;&gt;
                              <ul class="lsSearchName">
                                  <li ng-click="selectFYName(fyName.name,fyName.id)" ng-repeat="fyName in lawFirms | filter:inputFYPlaceInput">{{fyName.name}}</li>
                              </ul>


                          </div>
                      </div>
                      <div class="setuser-bottom-two">
                          <span class="setuser-bottom-text">入职年份：</span>
                          <span class="setuser-bottom-text list1">{{entryDate}}</span>
                          <input style="display: none" type="text" readonly
                                 class="form_datetime list2 form-control date-style" name="user_date"
                                 ng-model="inputDate"/>
                      </div>
                  </div>

                  &lt;!&ndash;&lt;!&ndash;编辑状态下的信息&ndash;&gt;&ndash;&gt;
                  &lt;!&ndash;<div class="setuser-edit" style="display: none">&ndash;&gt;

                  &lt;!&ndash;<div class="setuser-bottom-three">&ndash;&gt;
                  &lt;!&ndash;<span class="setuser-edit-text">执业类型：</span>&ndash;&gt;
                  &lt;!&ndash;<input type="text" class="form-control setuser-btn-edit"&ndash;&gt;
                  &lt;!&ndash;placeholder="执业类型" ng-model="nglicense">&ndash;&gt;
                  &lt;!&ndash;</div>&ndash;&gt;

                  &lt;!&ndash;<div class="setuser-bottom-three">&ndash;&gt;
                  &lt;!&ndash;<span class="setuser-edit-text">执业证号：</span>&ndash;&gt;
                  &lt;!&ndash;<input type="text" id="license-no" class="form-control setuser-btn-edit"&ndash;&gt;
                  &lt;!&ndash;placeholder="执业证号" ng-model="nglicense">&ndash;&gt;
                  &lt;!&ndash;</div>&ndash;&gt;
                  &lt;!&ndash;<p class="wrong-hint">执业证号必须为17位有效数字</p>&ndash;&gt;
                  &lt;!&ndash;<div class="setuser-bottom-three">&ndash;&gt;
                  &lt;!&ndash;<span class="setuser-edit-text">律师事务所：</span>&ndash;&gt;
                  &lt;!&ndash;&lt;!&ndash;<input type="text" class="form-control setuser-btn-edit" placeholder="律师">&ndash;&gt;&ndash;&gt;
                  &lt;!&ndash;<form class="select-form" id="form1">&ndash;&gt;
                  &lt;!&ndash;&lt;!&ndash; 此处getCity()方法获取的是option标签中的value属性所对应的值，而不是页面显示的值 &ndash;&gt;&ndash;&gt;
                  &lt;!&ndash;<select class="pull-left select-style" id="selProvince">&ndash;&gt;
                  &lt;!&ndash;<option value="请选择">-请选择-</option>&ndash;&gt;
                  &lt;!&ndash;<option value="北京事务所">北京事务所</option>&ndash;&gt;
                  &lt;!&ndash;<option value="上海事务所">上海事务所</option>&ndash;&gt;
                  &lt;!&ndash;<option value="其它事务所">其它事务所</option>&ndash;&gt;
                  &lt;!&ndash;</select>&ndash;&gt;
                  &lt;!&ndash;</form>&ndash;&gt;
                  &lt;!&ndash;</div>&ndash;&gt;
                  &lt;!&ndash;<div class="setuser-bottom-three">&ndash;&gt;
                  &lt;!&ndash;<span class="setuser-edit-text">入职年份：</span>&ndash;&gt;
                  &lt;!&ndash;&lt;!&ndash;<input type="text" class="form-control setuser-btn-edit" placeholder="年/月/日">&ndash;&gt;&ndash;&gt;
                  &lt;!&ndash;&lt;!&ndash;<input class="date-style" type="date" name="user_date"/>&ndash;&gt;&ndash;&gt;
                  &lt;!&ndash;<input type="text" readonly class="form_datetime form-control date-style" name="user_date"/>&ndash;&gt;
                  &lt;!&ndash;</div>&ndash;&gt;

                  &lt;!&ndash;</div>&ndash;&gt;

                  <button type="button" class="setuser-btn-save" id="editProfession"
                          ng-click="updateProfessionInfo()">编辑
                  </button>
                  <a style="display: none" class="setsafe-btn-cancel update-profession-cancel list2"
                     href="javascript:;">取消</a>
              </div>
          </div>
      </div>-->
      <!--账户安全-->
      <div class="tab-pane" id="set-safe">

        <div class="setsafe-box">
            <!--绑定微信-->
            <!--<p class="setsafe-user-head">绑定微信</p>-->
            <!--<img class="setsafe-qr" src="img/qr-code.png">-->

            <!--安全等级-->
            <div class="setsafe-user-center setsafe-user-center2 setsafe-margin">
              <p>
                <span class="L_safeLevel">你的安全等级为 : </span>
                <i class="icon iconfont" style="font-size: 14px;color: #fdb328">&#xe643; &nbsp;</i>
                <span style="font-size: 14px;color: #fdb328">高</span>
                <span class="L_safeLevelCenter L_center">提升安全等级，将使你的资料更安全(完成任意一项至两项的绑定可提升安全)</span>
              </p>
            </div>

            <!--分割线-->
            <div class="setuser-line"></div>

            <!--用户头像-->
            <div class="setsafe-user-center setsafe-user-center2 setsafe-margin">
              <p>
                <span class="L_amendHead">用户头像</span>
                <i class="icon iconfont" style="color: #53C1AF">&#xe69c; &nbsp;&nbsp;</i>
                <span class="L_haveSet">已设置</span>
                <span class="setsafe-text-two-bind L_center">选择一张个人正面照片作为头像，让其他成员更容易认识你</span>
                <a class="L_amend" ui-sref="setting" href="/workBar/setting">修改</a>
              </p>
            </div>

            <!--分割线-->
            <div class="setuser-line"></div>

            <!--登录密码-->
            <!--<div class="setsafe-user-center setsafe-user-center2">
              <p>登录密码&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <i class="icon iconfont">&#xe69c; &nbsp;&nbsp;</i>
                <span class="L_haveSet">已设置</span>
                <span class="L_center">修改密码时需要输入当前密码，新密码长度要大于6位，字母与数字符号结合，确保账号安全</span>
                <span class="L_amend">修改</span>
              </p>
            </div>-->
            <!--修改密码-->
            <div class=" setsafe-user-center setsafe-user-center2 setsafe-margin" >
              <p class="setsafe-user-name-text">
                <span class="L_amendHead">登录密码</span>
                <i class="icon iconfont">&#xe69c; &nbsp;&nbsp;</i>
                <span class="L_haveSet">已设置</span>
                <span class="setsafe-text-two-bind L_center">修改密码时需要输入当前密码，新密码长度要大于6位，字母与数字符号结合，确保账号安全</span>
                <span  class="L_amend" data-toggle="modal" data-target="#changePassword" ng-click="clearForm(clearChangePasswordForm)">修改</span>
                <!--<span id="setsafe-btn-fixpwd" class="L_amend" data-toggle="modal" data-target="#changePassword">修改</span>-->
              </p>

            </div>

            <!--分割线-->
            <div class="setuser-line"></div>

            <!--绑定手机-->
            <div class="setsafe-user-center  setsafe-user-center2 setsafe-margin">
              <p class="setsafe-user-name-text">
                <span class="L_amendHead">绑定手机</span>
                <i class="icon iconfont">&#xe69c; &nbsp;&nbsp;</i>
                <span class="L_haveSet">已设置</span>
                <span class="L_center"></span>
                <span class="setsafe-text-two-bind" id="bind-phone-text"></span>
                <span class="L_amend" data-toggle="modal" data-target="#changePhoneNum" ng-click="clearForm(clearChangePhoneNum)">修改</span>
                <!--<span id="setsafe-btn-change"  class="L_amend">修改</span>-->
              </p>
            </div>

            <!--分割线-->
            <div class="setuser-line"></div>

            <!--绑定邮箱-->
            <div class="setsafe-user-center setsafe-user-center2 setsafe-margin">
              <p class="setsafe-user-name-text">
                <span class="L_amendHead">绑定邮箱</span>
                <i class="icon iconfont">&#xe69c; &nbsp;&nbsp;</i>
                <span class="L_haveSet">已设置</span>
                <span class="setsafe-text-two-bind L_center" id="bind-email-text">未绑定邮箱，绑定邮箱可直接使用邮箱登录。</span>
                <span  class="L_amend" data-toggle="modal" data-target="#changeEmail" ng-click="clearForm(clearChangeEmailForm)">修改</span>
                <!--<span id="setsafe-btn-bind" class="L_amend">修改</span>-->
              </p>
            </div>

            <!--分割线-->
            <div class="setuser-line"></div>



          </div>
        <!--登录信息-->
        <div class="L_loginInfor clearfix" style="position: relative">
          <p>登录信息</p>
          <div>
            <table>
              <thead>
                <tr>
                  <td class="L_loginPlatform">登录平台</td>
                  <td class="L_loginTimes">登录时间</td>
                  <td class="L_loginAddress">登录地址</td>
                </tr>
              </thead>
              <tbody>
                <tr ng-repeat="loginInfor in loginInforList.data">
                  <td class="L_loginName">Web端</td>
                  <td class="L_loginTime">{{loginInfor.logintime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                  <td class="L_loginAdds" ng-show="loginInfor.city != null">{{loginInfor.city}} ({{loginInfor.ip}})</td>
                  <td class="L_loginAdds" ng-show="loginInfor.city == null">北京 ({{loginInfor.ip}})</td>
                </tr>
              </tbody>
            </table>
          </div>
          <!--下边有分页记得添加-->
          <div class="pagingBox"  ng-show="pageSetting3.totalItems > 5" style="display: block;position: absolute;bottom: -40px;margin-left: 40%;padding-top: 20px">
            <div class="ssqPagingSimple">
              <ul uib-pagination total-items="loginInforList.totalCount" ng-model="pageSetting3.pageNo" items-per-page="pageSetting3.pageSize" class="pagination-sm" boundary-link-numbers="true" ng-change="loginInfor()" max-size="5" previous-text="上一页" next-text="下一页" ></ul>
            </div>
          </div>
        </div>

      </div>

      <!--消息设置-->
      <div class="tab-pane" id="set-msg">
            <div class="setmsg-box">
                <!--免打扰设置-->
                <div class="setsafe-user-center-msg">
                    <div class="setmsg-content-top" style="padding-top: 3px">
                        <label class="inline switch">
                            <span class="setsafe-user-name-text">免打扰设置</span>


                            <input class="ace setMessage" type="checkbox">
                            <!--<input ng-show="isnoDisturb==2" class="ace setMessage" type="checkbox">-->
                            <!--<input ng-show="返回的值判断" class="ace setMessage" checked type="checkbox">-->


                            <span class="lbl "></span>
                        </label>
                    </div>
                    <p class="setmsg-content-content">当网页版Biglaw开着的时候，不发送通知邮件以及客户端消息推送。开启后可以避免重复消息的打扰</p>
                </div>
                <!--分割线-->
                <div class="setuser-line"></div>
                <!--微信通知-->
                <div class="setsafe-user-center-msg">
                    <div class="setmsg-content-top">
                        <label class="inline switch">
                            <span class="setsafe-user-name-text">&nbsp;&nbsp;&nbsp;&nbsp;微信通知</span>
                            <input class="ace setWeChat" type="checkbox">
                            <!--<input ng-show="isweChat==2" class="ace setWeChat" type="checkbox">-->
                            <span class="lbl "></span>
                        </label>
                    </div>
                    <p class="setmsg-content-content">当有重要提醒时（分配任务，日程提醒，任务预警）会通过Biglaw微信服务号发送提醒消息给你</p>
                </div>
                <!--分割线-->
                <div class="setuser-line"></div>
                <div class="setsafe-user-center-msg">
                    <div class="setmsg-content-top">
                        <label class="inline switch">
                            <span class="setsafe-user-name-text">&nbsp;&nbsp;&nbsp;&nbsp;邮件通知</span>
                            <input class="ace setEmail" type="checkbox">
                            <!--<input ng-show="isemail==2" class="ace setEmail" type="checkbox">-->
                            <span class="lbl "></span>
                        </label>
                    </div>
                    <p class="setmsg-content-content">当有重要操作时（邀请加入案件，邀请加入日程，分配任务，日程提醒）发送邮件</p>
                </div>
                <!--分割线-->
                <div class="setuser-line"></div>
                <div class="setsafe-user-center-msg">
                    <div class="setmsg-content-top">
                        <label class="inline switch">
                            <span class="setsafe-user-name-text">&nbsp;&nbsp;&nbsp;&nbsp;桌面通知</span>
                            <input class="ace setDesTop" type="checkbox">
                            <!--<input ng-show="isdesktop==2" class="ace setDesTop" type="checkbox">-->
                            <span class="lbl "></span>
                        </label>
                    </div>
                    <p class="setmsg-content-content">每当有与你相关的新动态，系统会弹出气泡提醒你（仅对Chrome、Firefox、Safari浏览器有效）</p>
                </div>
                <!--分割线-->
                <div class="setuser-line-msg"></div>
            </div>
        </div>
    </div>

    <!--用户头像-->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <!--顶部-->
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span
              aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
            <h4 class="modal-title" id="myModalLabel">选择头像</h4>
          </div>
          <!--中间部分-->
          <div class="modal-body">
            <form>
              <div class="container">

                <div class="imageBox">

                  <div class="thumbBox"></div>

                  <div class="spinner" style="display: none"></div>

                </div>

                <div class="action">

                  <!-- <input type="file" id="file" style=" width: 200px">-->

                  <div class="new-contentarea tc"><a href="javascript:void(0)" class="upload-img">

                    <label for="upload-file">请先选择图片...</label>

                  </a>

                    <input type="file" name="file" id="upload-file"/>

                  </div>

                  <input type="submit" id="choice-head-ok" class="Btnsty_peyton" value="OK"
                         data-dismiss="modal">

                  <input type="button" id="btnZoomIn" class="Btnsty_peyton" value="+">

                  <input type="button" id="btnZoomOut" class="Btnsty_peyton" value="-">

                </div>

                <div class="cropped"></div>

              </div>
            </form>

          </div>
        </div>
      </div>
    </div>
    <!--修改密码-->
    <div class="modal fade" id="changePassword" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document" style="width: 400px">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="clearForm(clearChangePasswordForm)">
              <i class="iconfont icon">&#xe66e;</i>
            </button>
            <h4 style="text-align: center;font-weight: bold;font-size: 20px;margin-left: 40px" class="modal-title" id="myModalLabel">修改密码</h4>
          </div>
          <div style="width: 345px;border: 1px solid #ececec;margin: 0 auto"></div>
          <div class="modal-body">
            <div  id="setsafe-edit-fixpwd"><!--class="setsafe-in-box"-->
              <!--<input type="text" class="form-control setsafe-in-one" placeholder="手机验证">-->
              <!--<label class="clearfix setsafe-identity">-->
              <!--<input class="form-control focusInput" style="width:239px; padding-left: 10px ; float:-->
              <!--left; " type="text" placeholder="验证码"/>-->
              <!--<button type="button" class="btn btn-default setsafe-send">发送验证码</button>-->
              <!--</label>-->
              <!--<form name="changePasswordForm" novalidate id="clearChangePasswordForm">-->
                <!--&lt;!&ndash; 原密码 &ndash;&gt;-->
                <!--<div class="form-group"  ng-class="{ 'has-error' : changePasswordForm.password.$invalid && !changePasswordForm.password.$pristine }">-->
                  <!--<input type="password" name="password" class="form-control setsafe-in-new" placeholder="原密码"  ng-pattern="^(?![0-9]+$)(?![a-zA-Z]+$)(?!([^(0-9a-zA-Z)]|[\(\)])+$)([^(0-9a-zA-Z)]|[\(\)]|[a-zA-Z]|[0-9]){6,}$" required ng-model="oldPassWord">-->
                <!--</div>-->
                <!--&lt;!&ndash; 新密码 &ndash;&gt;-->
                <!--<div class="form-group" ng-class="{ 'has-error' : changePasswordForm.newPassword.$invalid && !changePasswordForm.newPassword.$pristine }">-->
                  <!--<input type="password" name="newPassword"  class="form-control setsafe-in-new" ng-pattern="^(?![0-9]+$)(?![a-zA-Z]+$)(?!([^(0-9a-zA-Z)]|[\(\)])+$)([^(0-9a-zA-Z)]|[\(\)]|[a-zA-Z]|[0-9]){6,}$" placeholder="新密码" required ng-model="newPassWord">-->
                  <!--&lt;!&ndash;<p style="margin-left: 30px" ng-show="changePasswordForm.password.$invalid && !changePasswordForm.password.$pristine" class="help-block"><i class="icon iconfont" style="color: red">&#xe992;</i>密码至少6位</p>&ndash;&gt;-->
                <!--</div>-->
                <!--&lt;!&ndash; 确认密码 &ndash;&gt;-->
                <!--<div class="form-group" ng-class="{ 'has-error' : changePasswordForm.confirmPassword.$invalid && !changePasswordForm.confirmPassword.$pristine }">-->
                  <!--<input type="password" name="confirmPassword" class="form-control setsafe-in-new"  placeholder="确认密码" required ng-pattern="^(?![0-9]+$)(?![a-zA-Z]+$)(?!([^(0-9a-zA-Z)]|[\(\)])+$)([^(0-9a-zA-Z)]|[\(\)]|[a-zA-Z]|[0-9]){6,}$" ng-model="affirmPassWord">-->
                  <!--&lt;!&ndash;<p style="margin-left: 30px;color: red" ng-show="changePasswordForm.confirmPassword.$invalid && !changePasswordForm.confirmPassword.$pristine" class="help-block"><i class="icon iconfont" style="color: red">&#xe992;</i>两次输入的密码不一致</p>&ndash;&gt;-->

                  <!--<p ng-show="!changePasswordForm.newPassword.$invalid && !changePasswordForm.confirmPassword.$invalid ">-->
                  <!--<p style="margin-left: 30px;color: red" ng-if="affirmPassWord != newPassWord" class="help-block"><i class="icon iconfont" style="color: red">&#xe992;</i>两次输入的密码不一致</p>-->
                  <!--</p>-->
                <!--</div>-->
                <!--&lt;!&ndash;确认按钮&ndash;&gt;-->
                <!--<div class="setsafe-btn-content">-->
                  <!--<button style="width: 320px;height: 35px" type="button" class="btn btn-default setsafe-btn-two"-->
                          <!--ng-click="updateUserPassword()"  data-dismiss="modal">确定</button>-->
                  <!--&lt;!&ndash;<a id="setsafe-edit-fixpwd-cacel" class="setsafe-btn-cancel" href="javascript:;" data-dismiss="modal">取消</a>&ndash;&gt;-->
                <!--</div>-->
              <!--</form>-->

              <form novalidate name="changePwForm" class="w5c-form form-group" role="form" w5c-form-validate="validateOptions">
                <div class="form-group"  style="padding-bottom:10px">
                  <input type="password" name="password" class="form-control setsafe-in-new" placeholder="原密码" ng-model="oldPassWord" required w5c-dynamic-element>
                </div>
                <!-- 新密码 -->
                <div class="form-group"  style="padding-bottom:10px">
                  <input type="password" name="newPassword"  class="form-control setsafe-in-new"  placeholder="新密码" ng-model="newPassword" required w5c-dynamic-element>
                  <!--<p style="margin-left: 30px" ng-show="changePasswordForm.password.$invalid && !changePasswordForm.password.$pristine" class="help-block"><i class="icon iconfont" style="color: red">&#xe992;</i>密码至少6位</p>-->
                </div>
                <div class="form-group">
                  <input type="password" name="confirmPassword" class="form-control setsafe-in-new" placeholder="确认密码" ng-model="affirmPassWord" ng-blur="chep()" required w5c-dynamic-element>
                </div>
                <div  style="height:20px">
                  <p style="margin-left: 30px;color: red"  class="help-block" id="help-block"><i class="icon iconfont" style="color: red">&#xe992;</i><span>两次输入的密码不一致</span></p>
                </div>

                <div class="setsafe-btn-content">
                  <button style="width: 320px;height: 35px" type="button" class="btn setsafe-btn-two"  w5c-form-submit="updateUserPassword()" >确定</button>
                  <!--<a id="setsafe-edit-fixpwd-cacel" class="setsafe-btn-cancel" href="javascript:;" data-dismiss="modal">取消</a>-->
                </div>


              </form>


            </div>
          </div>
        </div>
      </div>
    </div>
    <!--修改手机号码-->
    <div class="modal fade" id="changePhoneNum" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

        <div class="modal-content" style="width: 400px;margin-left: 35%;margin-top: 5%">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="clearForm(clearChangePhoneNum)">
              <i class="iconfont icon">&#xe66e;</i>
            </button>
            <h4 style="text-align: center;font-weight: bold;font-size: 20px;margin-left: 40px" class="modal-title" id="myModalLabel">修改手机号码</h4>
          </div>
          <div style="width: 345px;border: 1px solid #ececec;margin: 0 auto"></div>
          <div class="modal-body">
              <!--绑定手机号-->
              <div class="setsafe-in-box" id="setsafe-edit-phone" style="display: none">
                <form name="changePhoneNum" novalidate id="clearChangePhoneNum">
                  <!-- 请输入手机号 -->
                  <div class="form-group" ng-class="{ 'has-error' : changePhoneNum.number.$invalid && !changePhoneNum.number.$pristine }">
                    <input id="newPhone" type="text" name="number" class="form-control setsafe-in-new" ng-maxlength="11" required placeholder="请输入手机号"
                           ng-model="cellPhone">
                  </div>
                  <!-- 验证码 -->
                  <div class="form-group">
                    <label class="clearfix setsafe-identity">
                      <input class="form-control focusInput" style="width:239px; padding-left: 10px ; float:
                                  left; " type="text" required ng-maxlength="6" placeholder="验证码" ng-model="validateCode"/>
                      <input  type="button" class="btn btn-default setsafe-send" ng-click="sendMesCod()"
                              id="getCode" value="获取验证码">
                    </label>
                  </div>
                  <!-- 确定 -->
                  <div class="setsafe-btn-content">
                    <button type="button" class="btn btn-default setsafe-btn-two"  ng-click="saveBindPhone()">保存</button>
                    <a id="setsafe-edit-phone-cacel" class="setsafe-btn-cancel" href="javascript:;" data-dismiss="modal">取消</a>
                  </div>
                </form>



              </div>
              <!--更换手机号-->
              <div class="setsafe-in-box" id="setsafe-change-phone" style="display: block">
                <form name="changePhoneNumForm" novalidate>
                  <!-- 原手机号 -->
                  <div class="form-group"  ng-class="{ 'has-error' : changePhoneNumForm.number.$invalid && !changePhoneNumForm.number.$pristine }">
                    <input type="text" id="change-old-num" name="number" class="form-control setsafe-in-one" placeholder="原手机号" ng-pattern="/^1\d{10}$/" ng-maxlength="11" required ng-model="oldCellPhone">
                  </div>
                  <!-- 新手机号 -->
                  <div class="form-group" ng-class="{ 'has-error' : changePhoneNumForm.number.$invalid && !changePhoneNumForm.number.$pristine }">
                    <input id="change-new-num" type="text" class="form-control setsafe-in-new" placeholder="新手机号" ng-pattern="/^1\d{10}$/" ng-maxlength="11" required
                           ng-model="newCellPhone">
                  </div>
                  <!-- 验证码 -->
                  <div class="form-group" ng-class="{ 'has-error' : changePhoneNumForm.number.$invalid && !changePhoneNumForm.number.$pristine }">
                    <label class="clearfix setsafe-identity">
                      <input class="form-control focusInput" style="width:180px; padding-left: 10px ; float:
                                  left; " type="text" placeholder="验证码" ng-maxlength="6" ng-model="validateCode"/>
                      <input type="button" class="btn btn-default setsafe-send" value="获取验证码"
                             ng-click="sendMesCod1()" id="getPhoneCode">
                    </label>
                  </div>
                  <!--确定按钮-->
                  <div class="setsafe-btn-content">
                    <button type="button" style="width: 95%;height: 35px" class="btn btn-default setsafe-btn-two"  data-dismiss="modal" ng-click="updateBindPhone()">确定</button>
                    <!--<a id="setsafe-change-phone-cacel" class="setsafe-btn-cancel" href="javascript:;" data-dismiss="modal">取消</a>-->
                  </div>
                </form>
              </div>
            </div>
        </div>

      </div>
    </div>
    <!--修改邮箱-->
    <div class="modal fade" id="changeEmail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document" style="width: 400px">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="clearForm(clearChangeEmailForm)">
              <i class="iconfont icon" >&#xe66e;</i>
            </button>
            <h4 style="text-align: center;font-weight: bold;font-size: 20px;margin-left: 40px" class="modal-title" id="myModalLabel">修改邮箱</h4>
          </div>
          <div style="width: 345px;border: 1px solid #ececec;margin: 0 auto"></div>
          <div class="modal-body">
            <!--绑定邮箱-->
            <div class="setsafe-in-box" id="setsafe-edit-email" style="display: none">
              <input ng-model="myemail" type="text" class="form-control setsafe-in-one"
                     placeholder="请输入邮箱地址" >
              <div class="setsafe-btn-content">
                <button type="button" class="btn btn-default setsafe-btn-two" ng-click="saveBindEmail()">确认</button>
                <a id="setsafe-edit-email-cacel" class="setsafe-btn-cancel" href="javascript:;" data-dismiss="modal">取消</a>
              </div>
            </div>
            <!--修改邮箱-->
            <div class="setsafe-in-box" id="setsafe-change-email" style="display: block">
              <form name="changeEmailForm" novalidate id="clearChangeEmailForm">
                <!-- 邮箱 -->
                <div class="form-group" ng-class="{ 'has-error' : changeEmailForm.email.$invalid && !changeEmailForm.email.$pristine }">
                  <input type="text" name="email" id="newEmail" class="form-control setsafe-in-one" placeholder="请填写邮箱" ng-pattern="[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?" required ng-model="oldEmail">
                </div>
                <!-- 新邮箱 -->
                <!--<div class="form-group">-->
                  <!--<input type="text" class="form-control setsafe-in-one" placeholder="请输入新邮箱地址" ng-pattern="[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?" required ng-model="newEmail">-->
                <!--</div>-->
                <!-- 新邮箱地址 -->
                <!--<div class="form-group">-->
                  <!--<input type="text" class="form-control setsafe-in-one" placeholder="请输入新邮箱地址" ng-pattern="[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?" required  ng-model="confirmEmail">-->
                <!--</div>-->
                <!-- 验证码 -->
                <div class="form-group">
                  <label class="clearfix setsafe-identity">
                    <input class="form-control focusInput" style="width:180px; padding-left: 10px ; float:
                                  left; "  type="text" placeholder="验证码"  ng-model="emailValidateCode"/>
                    <input type="button" class="btn btn-default setsafe-send" value="获取验证码"
                           ng-click="sendMesCod2()" id="getEmailCode" >
                  </label>
                </div>
                <!-- 确定 -->
                <div class="form-group">
                  <div class="setsafe-btn-content">
                    <button type="button" class="btn btn-default setsafe-btn-two" id="changeBindEmail" style="width: 95%;height: 35px" data-dismiss="modal" ng-click="changeBindEmail()">确定</button>
                    <!--<a id="setsafe-change-email-cacel" class="setsafe-btn-cancel" href="javascript:;" data-dismiss="modal">取消</a>-->
                  </div>
                </div>
              </form>

            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- basic scripts -->
    <!--<script src="js/jquery.js"></script>-->
    <!--<script src="bootstrap/js/bootstrap.min.js"></script>-->
    <!--<script src="js/workBar.js"></script>-->
    <!--<script src="js/common.js"></script>-->
    <script type="text/javascript">
        $(document).ready(function () {

            // 取消修改用户名
            $(".update-name-cancel").click(function () {
                $(".normal-name").show();
                $(".nameInput").hide();
                $(".setuser-changename-btn").html("修改用户名");
                $(".update-name-cancel").hide();
            });
            // 取消编辑职业信息
            $(".update-profession-cancel").click(function () {
                $(".list1").show();
                $(".list2").hide();
                $("#editProfession").html("编辑");
            });
            // 绑定邮箱
            $("#setsafe-btn-bind").click(function () {
                if($("#setsafe-btn-bind").html().trim()=="立即绑定"){
                    $("#setsafe-btn-bind").hide();
                    $("#setsafe-edit-email").show();
                }else if($("#setsafe-btn-bind").html().trim()=="更换邮箱"){
                    $("#setsafe-btn-bind").hide();
                    $("#setsafe-change-email").show();
                }
            });
            //TODO: 绑定手机
            $("#setsafe-btn-change").click(function () {
                if($("#setsafe-btn-change").html().trim()=="立即绑定"){
                    $("#setsafe-btn-change").hide();
                    $("#setsafe-edit-phone").show();
                }else if($("#setsafe-btn-change").html().trim()=="更换手机"){
                    $("#setsafe-btn-change").hide();
                    $("#setsafe-change-phone").show();
                }
            });
            // 取消邮箱编辑(绑定邮箱)
            $("#setsafe-edit-email-cacel").click(function () {
                $("#setsafe-btn-bind").show();
                $("#setsafe-edit-email").hide();
            });
            // 取消邮箱编辑(更换邮箱)
            $("#setsafe-change-email-cacel").click(function () {
                $("#setsafe-btn-bind").show();
                $("#setsafe-change-email").hide();
            });

//            // 更换手机号码
//            $("#setsafe-btn-change").click(function () {
//                $("#setsafe-btn-change").hide();
//                $("#setsafe-edit-phone").show();
//            });
            // 取消更换手机
            $("#setsafe-edit-phone-cacel").click(function () {
                $("#setsafe-btn-change").show();
                $("#setsafe-edit-phone").hide();
            });
            // 取消更换手机
            $("#setsafe-change-phone-cacel").click(function () {
                $("#setsafe-btn-change").show();
                $("#setsafe-change-phone").hide();
            });

            // 修改密码
            $("#setsafe-btn-fixpwd").click(function () {
                $("#setsafe-btn-fixpwd").hide();
                $("#setsafe-edit-fixpwd").show();
            });
            // 取消修改密码
            $("#setsafe-edit-fixpwd-cacel").click(function () {
                $("#setsafe-btn-fixpwd").show();
                $("#setsafe-edit-fixpwd").hide();
            });
        });

    </script>

    <script language="javascript" type="text/javascript">
        //定义 城市 数据数组
        cityArray = new Array();
        cityArray[0] = new Array("北京", "北京德邦事务所|北京海淀事务所");
        cityArray[1] = new Array("上海", "上海雨天事务所|上海哈哈事务所");
        cityArray[2] = new Array("其它", "其它");
        cityArray[3] = new Array("请选择", "-请选择-");

        function getCity(currProvince) {
            //当前 所选择 的 省
            var currProvince = currProvince;
            var i, j, k;
            //清空 城市 下拉选单
            document.all.selCity.length = 0;
            for (i = 0; i < cityArray.length; i++) {
                //得到 当前省 在 城市数组中的位置
                if (cityArray[i][0] == currProvince) {
                    //得到 当前省 所辖制的 地市
                    var tmpcityArray = cityArray[i][1].split("|")
                    for (j = 0; j < tmpcityArray.length; j++) {
                        //填充 城市 下拉选单
                        document.all.selCity.options[document.all.selCity.length] = new Option(tmpcityArray[j], tmpcityArray[j]);
                    }
                }
            }
        }
    </script>


    <!--自己写的-->
    <div class="y-safesettab" style="display: none">
      <!--安全设置-->
      <div class="y-safesettabNo1">
        <div class="y-safesetT clearfix">
          <div class="y-safesetL fl">
            <img src="../../img/y-icon36.png" alt="">
          </div>
          <div class="y-safesetR fl">
            <div>晚上好，武大郎 夜深了，不如看一本好书，放松身心 !</div>
            <div>  登录账号：wuhaniu@163.com   </div>
            <div  style="margin-bottom:0;">  安全等级：中     提升 </div>
          </div>
        </div>

        <div class="y-safesetC">
          <ul>
            <li class="y-safesetFirst clearfix">
              <div class="fl">安全等级</div>
              <i class="fl"><em></em></i>
              <span class="fl">安全等级：<em style="color:#00bfb5">中</em></span>
            </li>
            <li class="y-safesetpublic clearfix">
              <div class="fl">用户头像</div>
              <i class="y-publicI2 fl">已设置</i>
              <span class="fl">您在法悦平台的头像，增加账号个性化</span>
              <button class="fr">修改</button>
            </li>
            <li class="y-safesetpublic clearfix">
              <div class="fl">登录密码</div>
              <i class="y-publicI3 fl">未设置</i>
              <span class="fl">用于登录法悦网站的密码 </span>
              <button class="fr">修改</button>
            </li>
            <li class="y-safesetpublic clearfix">
              <div class="fl">真实姓名</div>
              <i class="y-publicI4 fl">已设置</i>
              <span class="fl"> 实名认证，账户更安全</span>
              <button class="fr">修改</button>
            </li>
            <li class="y-safesetpublic clearfix">
              <div class="fl">手机号码</div>
              <i class="y-publicI5 fl">已绑定</i>
              <span class="fl">手机号是您在积木盒子重要的身份凭证</span>
              <button class="fr">修改</button>
            </li>
            <li class="y-safesetpublic clearfix">
              <div class="fl">点击邮箱</div>
              <i class="y-publicI6 fl">未设置</i>
              <span class="fl">获取最新的投资讯息和账户信息变动通知</span>
              <button class="fr">绑定</button>
            </li>
            <li class="y-safesetpublic clearfix">
              <div class="fl">联系地址</div>
              <!--<i class="fl"></i>-->
              <!--<span class="fl"></span>-->
              <button class="fr">修改</button>
            </li>
            <li class="y-safesetpublic clearfix">
              <div class="fl">登录信息</div>
              <!--<i class="fl"></i>-->
              <!--<span class="fl"></span>-->
              <button class="fr">查看</button>
            </li>
          </ul>
        </div>
      </div>

      <!--消息设置-->
      <div class="y-news-set">
        <!--top-->
          <div class="y-newssetT">
            <div class="y-newssetT1">通知默认程序</div>
            <ul class="y-newssetT2 clearfix">
              <li class="active fl">时间优先</li>
              <li class="fl">未读优</li>
            </ul>
          </div>
        <!--center-->
          <div class="y-newssetC">
              <div class="y-newssetC1">
                  <div>通知内容设置</div>
                  <span style="display: block">未勾选的消息类型将停止推送，且在通知列表中不累计计数</span>
              </div>
            <div class="y-newssetC2">
              <div class="active">基本动态</div>
              <span style="display: block">包括创建、归档、移动、上传操作在内的通知 </span>
            </div>
            <div class="y-newssetC2">
              <div>更新动态 </div>
              <span style="display: block">包括更新内容、文件版本、执行者、截止时间、
                优先级等信息在内的通知归档、移动、上传操作在内的通知  </span>
            </div>
            <div class="y-newssetC2">
              <div>关联内容动态</div>
              <span style="display: block">包括更新内容、文件版本与关联内容相关的通知  </span>
            </div>
          </div>

        <div class="y-newssetB">
          <div class="y-newssetB1">
            <div>通知方式设置</div>
          </div>
          <div class="y-newssetB2">
            <div>微信通知</div>
            <span style="display: block">当有重要提醒时（分配任务，日程提醒，任务预警）
              会通过法悦微信服务号发送提醒消息给你 </span>
          </div>
          <div class="y-newssetB2">
            <div> 邮件通知</div>
            <span style="display: block">当有重要操作时（邀请加入案件，邀请加入日程，分配任务，日程提醒）不发送邮件  </span>
          </div>
          <div class="y-newssetB2">
            <div>桌面通知 </div>
            <span style="display: block">每当有与你相关的新动态，系统会弹出气泡提醒你（仅对Chrome、Firefox、Safari浏览器有效）   </span>
          </div>
          <div class="y-newssetB2">
            <div>免打扰设置</div>
            <span style="display: block">当网页版法悦开着的时候，不发送通知邮件以及客户端消息推送。开启后可以避免重复消息的打扰   </span>
          </div>
        </div>
      </div>

      <!--绑定邮箱弹窗-->
      <div class="y-bind-email">
        <div class="y-bind-emailT clearfix">
          <span class="fl">绑定邮箱</span>
          <i class="fr"></i>
        </div>
        <div class="y-bind-emailInfo">
          <div class="y-bind-emailInfoT">为了你的账号安全请绑定邮箱后再使用</div>
          <div class="y-bind-emailInfoC clearfix">
            <div class="fl">邮箱地址：</div>
            <input type="text" class="fl">
          </div>
          <div class="y-bind-emailInfoB">
            <input type="text" placeholder="发送验证码">
          </div>
          <div class="y-bind-emailInfoF clearfix">
            <div class="fl">验证码：</div>
            <input type="text" class="fl" placeholder="邮箱验证码">
          </div>
          <div class="y-bind-emailInfobutton">
            <button>确定</button>
          </div>
        </div>
      </div>

      <!--联系地址弹窗-->
      <div class="y-contact-address">
        <div class="y-contact-addressT clearfix">
          <span class="fl">联系地址</span>
          <i class="fr"></i>
        </div>
        <div class="y-contact-addressInfo">
          <div class="y-contact-addressInfoT">为了方便联系人快速找到你请输入地址信息</div>
          <div class="y-contact-addressInfoC clearfix">
            <div class="fl">地址：</div>
            <input type="text" class="fl">
          </div>
          <div class="y-contact-addressInfobutton">
            <button>确定</button>
          </div>
        </div>
      </div>


      <!--修改密码弹窗-->
      <div class="y-modify-password">
          <div class="y-modify-passwordT clearfix">
            <span class="fl">修改密码</span>
            <i class="fr"></i>
          </div>

          <div class="y-modify-passwordInfo">
            <div class="y-modify-passwordInfoT clearfix">
              <div class="fl">原密码：</div>
              <input type="password" class="fl">
            </div>

            <div class="y-modify-passwordInfoC clearfix">
              <span class="fl">新密码：</span>
              <input type="password" class="fl">
              <div class="y-modify-div fl">
                <div>新密码长度要大于6位   </div>
                <div>新密码不能与旧密码一样</div>
              </div>
            </div>

            <div class="y-modify-passwordInfoB clearfix">
              <span class="fl">确认新密码：</span>
              <input type="password" class="fl">
              <div class="fl">两次密码不一致</div>
            </div>

            <div class="y-modify-passwordFont">
              错误！旧密码错误，请重新输入
            </div>
            <div class="y-modify-DIv">
                <button>确定</button>
            </div>
          </div>
      </div>

      <!--手机号码弹窗-->
      <div class="y-Mobile-number">
        <div class="y-Mobile-numberT clearfix">
          <span class="fl">手机号码</span>
          <i class="fr"></i>
        </div>
        <div class="y-Mobile-numberC clearfix">
          <span class="fl">原手机号：</span>
          <input class="fl" type="text" >
        </div>
          <!--同上-->
        <div class="y-Mobile-numberC clearfix" style="margin-top: 24px;">
          <span class="fl">新手机号：</span>
          <input class="fl" type="text" >
        </div>

        <div class="y-Mobile-numberB clearfix">
          <span class="fl">验证码：</span>
          <input class="fl" type="text" >
          <button class="fl">发送验证码</button>
        </div>

        <div class="y-Mobile-numberButtn">
            <button>确定</button>
        </div>
      </div>



    </div>
    <!--自己最外面写div-->


</div><!--最外面的div-->

<script>
  /*设置屏幕高度*/
  (function () {
    setHeight();
    function setHeight() {
      var height = $(window).height()-170 + 'px';
//      $(".bodyDiv").css("height",height);
//      $("#collapseExample").css("height",height);
    };
    $(window).resize(function() {
      setHeight();
    });
  }())
</script>
